
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>骡窝窝积分商城首页</title>
    <link rel="stylesheet" type="text/css" href="/mall/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/loading.css"/>
    <link rel="stylesheet" href="/mall/css/swiper.min.css">
    <script src="/mall/js/jquery.min.js" type="text/javascript"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/mall/js/rem.js" type="text/javascript"></script>
    <script src="/mall/js/others.js" type="text/javascript"></script>
    <script src="/mall/js/swiper.jquery.min.js" type="text/javascript"></script>

    <script>
        //加载执行
        $(window).load(function () {
            $(".loading").addClass("loader-chanage");
            $(".loading").fadeOut(300);
        })

        $(function () {
            //跳转定位距离顶部一定距离
            var handler = function (hash) {
                var target = document.getElementById(hash.slice(1));
                if (!target) return;
                var targetOffset = $(target).offset().top - 100;
                $('html,body').animate({scrollTop: targetOffset}, 400);
            }
            $('a[href^=#][href!=#]').click(function () {
                handler(this.hash)
            });
            if (location.hash) {
                handler(location.hash)
            }

            //新品
            $.get("/products", {type: 1, pageSize: 2}, function (data) {
                $("#new1").renderValues(data, {
                    getHref: function (item, value) {
                        $(item).attr("href", $(item).data("url") + value);
                    }
                });
            })
            //辅助
            $.get("/products", {type: 2, pageSize: 3}, function (data) {
                $("#p1").renderValues(data, {
                    getHref: function (item, value) {
                        $(item).attr("href", $(item).data("url") + value);
                    }
                });
            })
            //法师
            $.get("/products", {type: 3, pageSize: 6}, function (data) {
                $("#p2").renderValues(data, {
                    getHref: function (item, value) {
                        $(item).attr("href", $(item).data("url") + value);
                    }
                });
            })
            //坦克
            $.get("/products", {type: 4, pageSize: 6}, function (data) {
                $("#p3").renderValues(data, {
                    getHref: function (item, value) {
                        $(item).attr("href", $(item).data("url") + value);
                    }
                });
            })
            //射手
            $.get("/products", {type: 5, pageSize: 6}, function (data) {
                $("#p4").renderValues(data, {
                    getHref: function (item, value) {
                        $(item).attr("href", $(item).data("url") + value);
                    }
                });
            })
            //皮肤
            $.get("/products", {type: 6, pageSize: 6}, function (data) {
                $("#p5").renderValues(data, {
                    getHref: function (item, value) {
                        $(item).attr("href", $(item).data("url") + value);
                    }
                });
            })
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<!--头部区域-->
<header class="mui-bar mui-bar-nav" id="header">
    <a href="/index.html">
        <i class="iconfont icon-fanhui"></i>
    </a>
    <h4>积分商城</h4>
</header>
<div id="main" class="clearfloat warp">
    <div class="mui-content">
        <!--banner开始-->
        <div class="banner swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy" data src="/mall/images/jijitou1.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy" data src="/mall/images/jijitou2.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy" data src="/mall/images/jijitou3.png" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!--第一栏分类开始-->
        <div class="cation clearfloat box-s">
            <ul>
                <li>
                    <a href="#">
                        <img src="/mall/images/ico5.png"/>
                        <p>新品专区</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="/mall/images/ico2.png"/>
                        <p>送礼首选</p>
                    </a>
                </li>
                <li>
                    <a href="/mine/choujiang.html">
                        <img src="/mall/images/ico3.png"/>
                        <p>积分获取</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="/mall/images/ico4.png"/>
                        <p>私人定制</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--第一栏分类结束-->
        <!--新品专区-->
        <div class="onnew clearfloat">
            <div class="boutit clearfloat">
                <span></span>
                <samp>新品热卖</samp>
            </div>
            <div class="content clearfloat">
                <!--<div id="new">
                    <div class="top clearfloat" render-loop="list">
                        <div class="list clearfloat fl box-s">
                            <a data-url="/mine/detail.html?id=" render-key="list.id" render-fun="getHref">
                                <div class="zuo clearfloat fl box-s">
                                    <p class="tit text" render-html="list.info"></p>
                                    <p><span>积分:</span>
                                        <span class="over db red" render-html="list.integral"></span>
                                    </p>
                                </div>
                                <div class="tu clearfloat fr">
                                    <span></span>
                                    <img render-src="list.imgUrls"/>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>-->
                <div id="new1">
                    <div class="bottom clearfloat" render-loop="list" style="">
                        <div class="list clearfloat fl" style="width: 48%;height: 175px">
                            <a data-url="/mine/store/detail.html?id=" render-key="list.id" render-fun="getHref">
                                <div class="tu clearfloat fr" style="height: 130px;width: 100%">
                                    <!--<span></span>-->
                                    <img render-src="list.imgUrls" style="width: 100%; height: 150px"/>
                                </div>
                                <div class="shang clearfloat fl box-s">
                                    <p class="tit over" render-html="list.info" style="text-align: center; font-size: 13px"></p>
                                    <p><span style="margin-left: 45px">积分:</span>
                                        <span class="over db red" render-html="list.integral"></span>
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--辅助-->
        <div class="theme clearfloat" id="p1">
            <div class="boutit clearfloat">
                <span></span>
                <samp>辅助</samp>
            </div>
            <div class="content clearfloat" render-loop="list">
                <div class="list clearfloat fl">
                    <a data-url="/mine/store/detail.html?id=" render-key="list.id" render-fun="getHref">
                        <div class="tu clearfloat fr" >
                            <span></span>
                            <img render-src="list.imgUrls" style="height: 98px;width: 100%"/>
                        </div>
                        <div class="shang clearfloat fl box-s" style="text-align: center; font-size: 13px">
                            <p class="tit over" render-html="list.info" ></p>
                            <p><span>积分:</span><span class="over db red" render-html="list.integral"></span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--法师-->
        <div class="theme clearfloat" id="p2">
            <div class="boutit clearfloat">
                <span></span>
                <samp>法师</samp>
            </div>
            <div class="content clearfloat" render-loop="list">
                <div class="list clearfloat fl">
                    <a data-url="/mine/store/detail.html?id=" render-key="list.id" render-fun="getHref">
                        <div class="tu clearfloat fr">
                            <span></span>
                            <img render-src="list.imgUrls" style="height: 98px;width: 100%"/>
                        </div>
                        <div class="shang clearfloat fl box-s" style="text-align: center; font-size: 13px">
                            <p class="tit over" render-html="list.info"></p>
                            <p><span>积分:</span><span class="over db red" render-html="list.integral"></span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--坦克-->
        <div class="theme clearfloat" id="p3">
            <div class="boutit clearfloat">
                <span></span>
                <samp>坦克</samp>
            </div>
            <div class="content clearfloat" render-loop="list">
                <div class="list clearfloat fl">
                    <a data-url="/mine/store/detail.html?id=" render-key="list.id" render-fun="getHref">
                        <div class="tu clearfloat fr">
                            <span></span>
                            <img render-src="list.imgUrls" style="height: 98px;width: 100%"/>
                        </div>
                        <div class="shang clearfloat fl box-s" style="text-align: center; font-size: 13px">
                            <p class="tit over" render-html="list.info"></p>
                            <p><span>积分:</span><span class="over db red" render-html="list.integral"></span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--射手-->
        <div class="theme clearfloat" id="p4">
            <div class="boutit clearfloat">
                <span></span>
                <samp>射手</samp>
            </div>
            <div class="content clearfloat" render-loop="list">
                <div class="list clearfloat fl">
                    <a data-url="/mine/store/detail.html?id=" render-key="list.id" render-fun="getHref">
                        <div class="tu clearfloat fr">
                            <span></span>
                            <img render-src="list.imgUrls" style="height: 98px;width: 100%"/>
                        </div>
                        <div class="shang clearfloat fl box-s" style="text-align: center; font-size: 13px">
                            <p class="tit over" render-html="list.info"></p>
                            <p><span>积分:</span><span class="over db red" render-html="list.integral"></span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--皮肤-->
        <div class="theme clearfloat" id="p5">
            <div class="boutit clearfloat">
                <span></span>
                <samp>皮肤</samp>
            </div>
            <div class="content clearfloat" render-loop="list">
                <div class="list clearfloat fl" style="width: 50%;height: 175px">
                    <a data-url="/mine/store/detail.html?id=" render-key="list.id" render-fun="getHref">
                        <div class="tu clearfloat fr">
                            <span></span>
                            <img render-src="list.imgUrls" style="height: 130px;width: 100%"/>
                        </div>
                        <div class="shang clearfloat fl box-s" style="padding: 22% 5% 5%; text-align: center; font-size: 13px;height: 100px">
                            <p class="tit over" render-html="list.info"></p>
                            <p><span>积分:</span><span class="over db red" render-html="list.integral"></span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--footer star-->
<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li class="active">
            <a href="/mine/store/shop.html">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/cation.html">
                <i class="iconfont icon-icon04"></i>
                <p>分类</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/shopcar.html">
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/center.html">
                <i class="iconfont icon-yonghuming"></i>
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
<!--footer end-->
</body>
</html>